<style>
  /*#ProductionOrder-edit .layui-table-body {*/
  /*    margin-right: -17px;*/
  /*}*/
  .layui-layer-title {
    display: flex;
    align-items: center;
  }
</style>
<!-- 正文开始 -->
<div class="layui-fluid">
  <div class="layui-card">
    <div class="layui-card-body">
      <!-- 头部操作栏 -->
      <div class="layui-form lay-header">
        <div class="toolbar">
          <div class="layui-form-item lay-query-content">
            <div class="lay-query-box">
              <div class="query-lt">
                <div class="layui-inline">
                  <label class="layui-form-label">所属车间</label>
                  <div class="layui-input-inline mr0">
                    <input name="workshopName" class="layui-input" type="text" placeholder="请输入车间" />
                  </div>
                </div>
                <div class="layui-inline">
                  <label class="layui-form-label">生产线</label>
                  <div class="layui-input-inline mr0">
                    <input name="workshopName" class="layui-input" type="text" placeholder="请输入车间" />
                  </div>
                </div>
                <div class="layui-inline">
                  <label class="layui-form-label">生产线</label>
                  <div class="layui-input-inline mr0">
                    <input name="workshopName" class="layui-input" type="text" placeholder="请输入生产线" />
                  </div>
                </div>
                <div class="layui-inline">
                  <button class="layui-btn icon-btn color-green" lay-filter="formSubSearchLog" lay-submit layui-form-keyDownSearch="true">查询</button>
                  <button class="layui-btn icon-btn color-white" lay-filter="resets" lay-submit>重置</button>
                </div>
              </div>
              <div class="query-rt"></div>
            </div>
          </div>
        </div>

        <div class="lay-btn-rows">
          <div class="lay-btn-box">
            <div class="lay-btn-lt">
              <!-- <button id="ProductionOrderBtnAdd" class="layui-btn icon-btn color-reseda">添加</button> -->
            </div>
            <div class="lay-btn-rt"></div>
          </div>
        </div>
      </div>

      <!-- 表格 -->
      <table class="layui-table" id="ProductionOrderTable" lay-filter="ProductionOrderTable"></table>
    </div>
  </div>
</div>

<!-- 表格操作列 -->
<script type="text/html" id="ProductionOrderTableBar">
  <!-- {{# if(d.status == 1){ }} -->
  <!-- {{# } }} -->
  <a class="layui-btn layui-btn-xs layui-btn" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-xs layui-btn" lay-event="detail">详情</a>
</script>

<style>
  #ProductionOrder-form .layui-disabled {
    color: #393d49 !important;
  }
</style>

<!-- js部分 -->
<script>
  layui.use(["layer", "form", "util", "table", "admin", "laytpl", "laydate", "tableTreeDj"], function () {
    var $ = layui.jquery;
    var layer = layui.layer;
    var form = layui.form;
    var util = layui.util;
    var table = layui.table;
    var config = layui.config;
    var admin = layui.admin;
    var upload = layui.upload;
    var laytpl = layui.laytpl;
    var laydate = layui.laydate;
    var tableTree = layui.tableTreeDj;

    // 渲染表格
    var insTb = table.render({
      elem: "#ProductionOrderTable",
      url: config.base + "warehouse/warehouse/materialRequisitionRecord/list",
      toolbar: true,
      defaultToolbar: ["filter"],
      where: { access_token: config.getToken().access_token },
      page: true,
      cellMinWidth: 100,
      cols: [
        [
          { type: "numbers" },
          { field: "requisitionRecordCode", align: "center", title: "领料记录编号" },
          { field: "productionPlanCode", align: "center", title: "制令单编号" },
          { field: "productionSchedulingPlanDetailCode", align: "center", title: "所属生产计划编号" },
          { field: "productionOrderNumber", align: "center", title: "所属生产订单" },
          { field: "productName", align: "center", title: "生产产品名称" },
          { field: "customerProductCode", align: "center", title: "客户成品料号" },
          {
            field: "materialNumber",
            align: "center",
            title: "领料料号数",
            templet: function (d) {
              return d.materialNumber ? d.materialNumber : "无物料";
            }
          },
          { field: "requisitionQuantity", align: "center", title: "领料数量" },
          { field: "productionLineName", align: "center", title: "生产线" },
          { field: "workshopName", align: "center", title: "所属车间" },
          { field: "creatorName", align: "center", title: "领料人" },
          { field: "createTime", align: "center", title: "领料时间" },
          // 状态1.待审核，2.待激活，3.待领料，4.待报工，5.生产中，6.暂停，7.终止，8.完成
          {
            field: "status",
            align: "center",
            title: "状态",
            templet: function (d) {
              return d.status == 1 ? "待审核" : "生产中";
            }
          },
          // { field: "creatorName", align: "center", title: "创建人" },
          // { field: "createTime", align: "center", title: "创建时间" },
          { align: "center", fixed: "right", toolbar: "#ProductionOrderTableBar", title: "操作", width: 160 }
          //
        ]
      ]
    });

    // 工具条点击事件
    table.on("tool(ProductionOrderTable)", function (obj) {
      var data = obj.data;
      var layEvent = obj.event;
      if (layEvent === "detail") {
        admin.req(
          "warehouse/warehouse/materialRequisitionRecord/selectMaterialRequisitionRecord",
          {
            id: data.id
          },
          (res) => {
            if (res.code === 200) {
              openFormFun("detail", res.data);
            }
          }
        );
      } else if (layEvent === "edit") {
        admin.req(
          // "warehouse/warehouse/materialRequisitionRecord/selectMaterialRequisitionRecord",
          "warehouse/warehouse/productionSchedulingPlan/selectProductionSchedulingPlanDetail",
          {
            id: data.id
          },
          (res) => {
            if (res.code === 200) {
              openFormFun("edit", res.data);
            }
          }
        );
      } else if (layEvent === "audit") {
        // 确认是否审核通过
        layer.open({
          title: "审核",
          content: "是否审核通过？",
          btn: ["审核通过", "关闭"],
          yes: function (index) {
            console.log(index);
            admin.req("warehouse//warehouse/productionSchedulingPlan/updateProductionSchedulingPlan", { id: data.id, status: 2 }, (res) => {
              if (res.code === 200) {
                layer.msg("审核通过");
                layer.close(index);
                insTb.reload();
              }
            });
          }
        });
      }
    });

    // 搜索
    form.on("submit(formSubSearchLog)", function (data) {
      insTb.reload({ where: data.field, page: { curr: 1 } }, "data");
    });

    // 重置搜索
    form.on("submit(resets)", function (data) {
      insTb.reload({ where: admin.resetSearch(data.field), page: { curr: 1 } }, "data");
    });

    form.render("select");

    // 添加按钮点击事件
    $("#ProductionOrderBtnAdd").click(function () {
      openFormFun("add");
    });

    function openFormFun(eventName, data) {
      admin.formOpen({
        area: "90%",
        offset: "5%",
        title: "配置订单物料信息",
        path: "components/warehouse/product/warehouseMaterialRequisitionRecordForm.html",
        success: function () {
          parentData.eventName = eventName;
          parentData.data = data;
        }
      });
    }
  });
</script>
